$(function() {
	//页面加载完成之后执行
	pageInit();
});
function onclick_close() {
	var shade_content = $(".shade_content");
	var shade = $(".shade");

		shade_content.hide();
		shade.hide();
	
}

function onclick_add() {
	$(".shade_content_add").show();
	$(".shade").show();
	var input_out = $(".input_style");
	for (var i = 0; i <= input_out.length; i++) {
		if ($(input_out[i]).val() != "") {
			$(input_out[i]).val("");
		}
	}
}
function pageInit() {
	var currentId;
	//创建jqGrid组件
	jQuery("#list2").jqGrid({
		url : '../../Companylist', //组件创建完成之后请求数据的url
		datatype : "json", //请求数据返回的类型。可选json,xml,txt
		colNames : [ '公司编号', '公司名称', '英文名', '负责人', '电话', '地址' ], //jqGrid的列显示名字
		colModel : [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
		{
			name : 'companycode',
			index : 'companycode',
			align : "center",
			width : 90,
			searchoptions:{sopt:['cn']},
		}, {
			name : 'companyname',
			index : 'companyname',
			width : 90,
			align : "center",
			editable : true,
			editoptions : {
				size : 10
			},
			searchoptions:{sopt:['cn']},
		}, {
			name : 'companyengname',
			index : 'companyengname',
			width : 100,
			align : "center",
			editable : true,
			editoptions : {
				size : 10
			},
			search:false,
		}, {
			name : 'principal',
			index : 'principal',
			width : 100,
			align : "center",
			editable : true,
			editoptions : {
				size : 10
			},
			search:false,
		}, {
			name : 'telephone',
			index : 'telephone',
			width : 100,
			align : "center",
			editable : true,
			editoptions : {
				size : 10
			},
			search:false,
		},{
			name : 'address',
			index : 'address',
			width : 80,
			editable : true,
			align : "center",
		
			editoptions : {
				size : 10
			},
			search:false,
		},

		],
		rowNum : 9, //一页显示多少条
		rowList : [ 9, 15, 20 ], //可供用户选择一页显示多少条
		pager : '#pager2', //表格页脚的占位符(一般是div)的id
		sortname : 'companycode', //初始化的时候排序的字段
		sortorder : "asc", //排序方式,可选desc,asc
		mtype : "get", //向后台请求数据的ajax的类型。可选post,get
		viewrecords : true,
		pgbuttons : true,
		width : 800,
		autowidth : true,
		height : "100%",
		caption : "账号管理", //表格的标题名字
		editurl : '../../editUser',
		//触发事件
		onSelectRow : function(id) {
			currentId = id;
		},
		beforeSelectRow : function(id, e) {
			return true;
		},
		beforeShowForm: function(e) {
		    $("#tr_address").show();
		},
		ondblClickRow:	function(rowid,iRow,iCol,e)
		{
			var companyCode=$("#list2").getCell(iRow,0);
			$(".shade_content_detail").show();
			$(".shade").show();
			var input_out = $(".detail");
			$.ajax({
				type : "post",
				url : "../../CompanyDetail",//这里改你的接口
				data : "Id=" +companyCode ,
				dataType : 'html',
				success : function(result) {				
					　var parsedJson = jQuery.parseJSON(result); 
					$("#companycode").innerHTML=parsedJson.data.companycode;
					$("#companyname").innerHTML=parsedJson.data.companyname;
					$("#companyengname").innerHTML=parsedJson.data.companyengname;
					$("#parentid").innerHTML=parsedJson.data.parentid;
					$("#codelevel").innerHTML=parsedJson.data.codelevel;
					$("#endflag").innerHTML=parsedJson.data.endflag;
					$("#principal").innerHTML=parsedJson.data.principal;
					$("#telephone").innerHTML=parsedJson.data.TelePhone;
					$("#adress").innerHTML=parsedJson.data.adress;
				  		
				}
			});

			
		
		
		
		
		}
	});

	/*创建jqGrid的操作按钮容器*/
	/*加入自定義按鈕*/
	jQuery("#list2").navGrid('#pager2', {
		edit : true,
		add : false,
		del : true,
	})
	.navButtonAdd('#pager2', {
		caption : "",
		buttonicon : "ui-icon-plus",
		onClickButton : function() {
			onclick_add(); 
		},
		
		position : "last"

	})

}